<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>表单标签</h2>
    <!--    form是一个容器   -->
        <form action="">
        <div>
            <input type="text" placeholder="请输入用户名">
        </div>
        <div>
            <input type="password" placeholder="请输入密码">
        </div>
        <div>
            <label for="boy">男</label><input id="boy" type="radio" name="性别">
            <label for="girl">女</label><input id="girl" type="radio" name="性别">
            <label for="secret">保密</label><input id="secret" type="radio" name="性别">
        </div>
        <div>
            <label for="sing">唱</label>
            <input id="sing" type="checkbox">
            <label for="dance">跳</label>
            <input id="dance" type="checkbox">
            <label for="rap">rap</label>
            <input id="rap" type="checkbox">
            <label for="basketball">篮球</label>
            <input id="basketball" type="checkbox">
        </div>
        <div>
            <textarea placeholder="个性签名" id=""></textarea>
        </div>
        <div>
            <button type="submit">提交</button>
            <button type="reset">重置</button>
        </div>
        </form>
        <h2>百度搜索</h2>
        <form action="https://www.baidu.con/s">
            <input type="text" placeholder="请输入查询内容" name="wd" />
            <button type = "submit">提交</button>
        </form>
        <h2>搜狗搜索</h2>
        <form action="https://www.sougou.con/web">
            <input type="text" placeholder="请输入查询内容" name="query" />
            <button type = "submit">提交</button>
        </form>
</body>
</html>